DIVERSE CURSUL 7

DIVERSE CURSUL 7
CASETA DIMENSIUNI DIFERITE LA LABEL
CASETA DIMENSIUNI
DIVERSE SI POZE
BACKROUND COLOR SI CLIP
BACKGROUND POSITION
ORIGINE
IMAGINE BROWASER CONCEPTIE HTML CONCEPTIE CSS
7.3.2 CASETA DIMENSIUNI

7.3.2 CASETA DIMENSIUNI

 7.3.2 CASETA DIMENSIUNI < section>
< h4>7.3.2 CASETA DIMENSIUNI< /h4>
< div class="caseta">
< label for="caseta">caseta 1< /label>
< input type="text" id="caseta" name="caseta">
< /div>
< div class="caseta">
< label for="caseta2">caseta 2< /label>
< input type="text" id="caseta2" name="caseta2">
< /div>
< /section>
 7.3.2 CASETA DIMENSIUNI /*setare cote caseta latime si in inaltime*/
/*obs: aceasta caseta are insumate cote;e de la label si imput.
cota s-a stabilit in inspect Q , La fel si inaltimea s-a
considerat inaltimea cea mai mare dintre label si input.
Atentie: daca avem mai multe casete ca in exemplu care au label si
labelurile sunt diferite ca numar de cuvinte aceeasi clasa ="caseta"
nu va merge la toate casetele .Sunt cote diferite. In aceasta
situatie se adopta cota cea mai mare, adica labelul cu cele mai
multe caractere si se face apoi o clasa comuna pentru toate
caracterele*/
.caseta {
width: 220PX;
height: 22px;
padding: 5px ;
}
/*setare border cu cele trei elemente*/
.caseta {
border-style: solid;
border-width: 5px;
border-color: blueviolet;
}
/*setare margin*/
.caseta {
margin: 10px;
}
/*la toate aceste setari este indicat urmarirea lor in INSPECT q */